<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <script src="jquery.1.11.js"></script>
</head>
<body>
<input type="text" id="id" placeholder="请输入主键"/><br/>
<input type="text" id="username" placeholder="请输入用户名"/><br/>
<input type="text" id="password" placeholder="请输入密码"/><br/>
<button>登录验证</button>
</body>
<script>
  $(function () {

    $("button").click(function () {
      let id = $("id").val();
      let username = $("#username").val();
      let password = $("#password").val();
      // ajax  异步请求行为
      $.ajax({
        url:"/selectByUser",           // 请求路径
        type:"post",                  // 请求的方式，不区分大小写
        cache:false,                  // 关闭缓存，目的是为了避免部分浏览器缓存加载出错(IE)
        contentType:"application/json;charset=utf-8",   // 向服务器发送一个json对象
        data: JSON.stringify({
          username:username,
          password:password
        }),
        datatype:"json",        // 返回类型，text文本、html页面、json数据
        success:function(response){
          console.log("返回: " + response);
          if(response.code === 200) {
            alert("登录成功!");
          }
        },
        error:function(response){
          console.log("出错返回: " + response);
        }
      });
    });
  });
</script>
</html>